body{height: 100%;width: 100%;position: relative;}
.banner{height: 100%;width: 100%;background: url("../images/bg1.webp") center 0 no-repeat;background-size: 100% 100%;}
.banner  .info{position: absolute;top: 35%;left: 35%;padding: 10px 20px;border: 2px solid #fff;color: #fff;font-size: 60px;background-color:  rgba(0,0,0,.6);}
.banner  .info small{font-size: 26px;font-weight: lighter;}
.nav{position: absolute;bottom: 0;width: 100%;height:70px;line-height:70px;padding: 0 20%;box-sizing: border-box;text-align: center;background-color: #262b37;font-size: 0;}
.nav a{display: inline-block;height: 100%;line-height: inherit;width: 12%;text-align: center;color: #c3c8d6;font-size: 14px;}
.nav a.active{background-color: #1b1f29;}
.nav a:hover{background-color: #1b1f29;}

/* about */
.about{width: 100%;padding: 0 24% 60px;text-align: center;background-color: #00bdbd;color: #fff;overflow: hidden; }
.about .about_title{overflow: hidden;padding-bottom: 40px;}
.about .about_title h1{font-size: 36px;font-weight: 500;margin-top: 60px;}
.about .about_title small{font-size: 18px;}
.about .left_intro{display: inline-block;width: 60%;text-align: left;font-size: 14px;}
.about .left_intro .intro_name{font-size: 20px;}
.about .left_intro .sub_intro{font-size: 16px;margin-bottom: 20px;}
.about .left_intro .down_resume{display: inline-block;padding: 10px 15px;background-color: #373d4c;color: #cccccc;margin: 20px 0;}
.about .right_head{display: inline-block;overflow: hidden;}
.about .right_head img{border-radius: 100%;margin-top: 20px;}